.knowledge {
  padding: 48px 20px; // Responsive padding
  min-height: 85vh; // 确保背景色覆盖整个视口高度
  display: flex; // 使用flex布局
  flex-direction: column; // 垂直方向排列
}

.topWrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 20px 40px; // Smaller padding for mobile view

  .title {
    font-family: Inter;
    font-size: 28px; // Slightly smaller for better fit
    font-weight: 600; // 使用具体数值
    line-height: 36px;
    color: rgba(16, 24, 40, 1);
  }

  .description {
    font-family: Inter;
    font-size: 14px; // Adjusted for better readability
    font-weight: 400;
    line-height: 20px;
    color: rgba(71, 84, 103, 1);
  }

  .topButton {
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    border-radius: 4px; // Rounded corners for buttons
  }

  .searchInput {
    width: 220px; // Consistent width for input
    border-radius: 4px; // Rounded corners for input
  }
}

.knowledgeCardContainer {
  padding: 0 20px; // Responsive padding
  overflow: auto;

  .knowledgeEmpty {
    width: 100%;
  }
}
